import {createAppContainer} from 'react-navigation'

import {createMaterialTopTabNavigator} from 'react-navigation-tabs'

import HomePage from '../Pages/HomePage'
import DetailPage from '../Pages/DetailPage'
import MyPage from '../Pages/MyPage'

const TopNavigator = createMaterialTopTabNavigator({
    HomePage: {
        screen: HomePage
    },
    DetailPage: {
        screen: DetailPage
    },
    MyPage: {
        screen: MyPage
    }
}, {
    lazy: true,
    tabBarOptions: {
        upperCaseLabel: false,
        indicatorStyle: {
            backgroundColor: 'pink',
            height: 3
        },
        style: {
            backgroundColor: 'lightblue'
        },
        scrollEnabled: true
    }
})

export default createAppContainer(TopNavigator)